@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

ul, li {
	list-style:none;
}

html, body {
	height:100%;
	overflow: auto;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
}

html, body, #wrapper, #main,
#container, #sidebar, #menu {
	display:block;
}

#main {
	width:100%;
	background:url(../images/bg-body.jpg) top center repeat-y #751111;
	overflow: auto;
}

#wrapper {
	width:980px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

#header, #container, #sidebar, #menu,
#content, #footer, .al_left {
	float:left;
}

.al_right {
	float:right;
}

#header {
	width:980px;
	height:352px;
	background:url(../images/bg-header.jpg) bottom left no-repeat;
}

#header a {
	position:absolute;
	top:30px;
	left:50px;
}

#container {
	/*overflow: auto;*/
	position:relative;
	width:980px;
}

#sidebar {
	width:252px;
	background:url(../images/bg-sidebar.jpg) top left repeat-y #fff;
}

#sidebar table {
	width:100%;
	text-align:center;
	margin:0 0 30px;
}

#sidebar-bottom {
	width:252px;
	height:270px;
	background:url(../images/bg-bottom-sidebar.jpg) bottom left repeat-y #fff;
	text-align:right;
	padding:5px 10px 0 5px;
	font-size: 11px;
}

#sidebar-bottom .cell_1, #sidebar-bottom .cell_2,
#sidebar-bottom .currency {
	display:table-cell;
}

#sidebar-bottom .cell_1 {
	width:100px;
	padding:0 0 0 30px;
}

#sidebar-bottom .cell_2 {
	width:60px;
}

#sidebar-bottom .currency {
	padding:0 0 0 5px;
}

#sidebar a {
	background: #cf7d13;
	display: inline-block;
	margin:0 5px 5px 0;
	padding: 8px 10px 8px;
	color: white !important;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	cursor: pointer;
	overflow: visible;
	width: auto;
	float:left;
}

#menu {
	width:728px;
	height:50px;
	background:url(../images/bg-menu.jpg);
}

#menu li {
	display:inline-block;
	height:50px;
	padding:15px 20px 0;
}

#menu a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#menu a:hover {
	text-decoration:underline;
}

#content {
	width:728px;
}

#content, #footer {
	color:#000;
}

#content .box {
	float:left;
	padding:15px;
	width:180px;
	height:235px;
	margin:15px;
	background:#ffebd6;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	border-radius:18px;
	text-align:center;
	line-height:30px;
}

#content .box span {
	display: table-cell; vertical-align: middle;
	height:135px;
}

#content .box a {
	color:#CF7D13;
	text-decoration:none;
	font-weight:bold;
}

#content .box a:hover {
	text-decoration:underline;
}

#footer {
	width:980px;
	height:60px;
	background:url(../images/bg-footer.jpg);
	text-align:center;
	padding:120px 0 0;
}

#content h2, form h3 {
    font-size: 15px;
    margin:15px 0;
}

form table {
    margin:15px;
}

form table td {
    width:300px;
    height:30px;
}

form table td input, form table td select {
    float:right;
}

form table td select {
    width:153px;
}

form input[type="submit"] {
    margin:0 0 0 15px;
    padding:2px 5px;
}

#content b {
    line-height: 30px;
}

.vendas thead tr,
table.cadastro_produto thead tr {
    color:#fff;
    background:#CF7D13;
    padding:2px;
    text-align: center;
}

.vendas tbody tr:nth-child(odd),
table.cadastro_produto tbody tr:nth-child(odd) {
    background:#ffebd6;
}

table.cadastro_produto a {
    color:#CF7D13;
    font-weight: bold;
    text-decoration:underline;
}

table.cadastro_produto a:hover {
    text-decoration:none;
}